<template>
  <div class="container">
    <div id="he-plugin-standard"></div>
  </div>
</template>

<script>
export default {
  created() {
    window.WIDGET = {
      CONFIG: {
        layout: 2,
        width: "290",
        height: "330",
        background: 5,
        dataColor: "4A4A4A",
        borderRadius: 5,
        key: "390d6862f237407eae4679737b678bc9",
      },
    };
    (function (d) {
      var c = d.createElement("link");
      c.rel = "stylesheet";
      c.type = "text/plain";
      c.href =
        "https://widget.qweather.net/standard/static/js/he-standard-common.js?v=2.0";
      var s = d.createElement("script");
      s.src =
        "https://widget.qweather.net/standard/static/js/he-standard-common.js?v=2.0";
      var sn = d.getElementsByTagName("script")[0];
      sn.parentNode.insertBefore(s, sn);
      sn.parentNode.insertBefore(c, sn);
    })(document);
  },
};
</script>
<style lang="scss" scoped>
.container {
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
